:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --el-color-primary: #8174f7;
  --el-color-primary-light-1: #8c7df5;
  --el-color-primary-light-2: #9c8cf2;
  --el-color-primary-light-3: #a18cf0;
  --el-color-primary-light-4: #b0aef2;
  --el-color-primary-light-5: #c0bff3;
  --el-color-primary-light-6: #d0cff4;
  --el-color-primary-light-7: #e0dff5;
  --el-color-primary-light-8: #f0eff6;
  --el-color-primary-light-9: #f6f5f7;
  --el-color-primary-dark-1: #7e74e8;
  --el-color-primary-dark-2: #6e6ae6;
  --el-color-primary-dark-3: #5e5ce4;
  --el-color-primary-dark-4: #4e4be2;
  --el-color-primary-dark-5: #3e3bd9;
  --el-color-primary-dark-6: #2e2ebd;
  --el-color-primary-dark-7: #1f1eb7;
  --el-color-primary-dark-8: #0f0eab;
  --el-color-primary-dark-9: #0000b3;
  --el-color-primary-darker-1: #2e2eb7;
  --el-color-primary-darker-2: #1f1eb7;
  --el-color-primary-darker-3: #0f0eab;
  --el-color-primary-darker-4: #0000b3;
}
body {
  margin: 0;
  padding: 0;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}
